/*主页*/
/* Style the header */
body{
        background-image:url('../picture/c1.jpg');
        margin:0;
        background-size:100% 100%;
        background-attachment:fixed;
}
header {
        background-color: #333;
        color: white;
        padding: 20px;
        text-align: center;
        font-size: 1.2em;
}

/* Style the navigation bar */
nav {
        background-color: #f2f2f2;
        overflow: hidden;
}

nav a {
        float: left;
        color: #333;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 1.1em;
        font-weight: bold;
        transition: background-color 0.3s ease;
}

nav a:hover {
        background-color: #ddd;
        color: black;
}

/* Style the footer */
footer {
        background-color: #333F;
        color: #fff;
        text-align: center;
        padding: 20px;
        font-size: 0.8em;
        position:fixed;
        bottom:0;
        width:100%;
        height:60px;
}

/*首页*/
.sy{
        text-align: center;
        margin:260px auto;
        color: #000000;
        font-weight: bold;
        font-size: 60px;
}

/*table.html*/
.data{
        top: 20%;
        /*border: 1px solid #00deff;*/
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -89%;
}

/*table th:nth-child(1)  { width:2%; }*/
/*table th:nth-child(2)  { width:15%; }*/
/*table th:nth-child(3)  { width:7%; }*/
/*table th:nth-child(4)  { width:6%; }*/
/*table th:nth-child(5)  { width:6%; }*/
/*table th:nth-child(6)  { width:5%; }*/
/*table th:nth-child(7)  { width:50%; }*/
/*table th:nth-child(8)  { width:5%; }*/


/*翻页*/
.pagination{
        /*border: 1px solid #246c3b;*/
        width: 24%;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -29%;
        display: flex; /**/
        justify-content: center; /*水平居中*/
        align-items: Center; /*垂直居中*/
}

/*表单*/
form {
        display: flex;
}
.fo1{
        /*border: 1px solid #246c3b;*/
        justify-content: space-between; /*水平居中*/
        align-items: Center; /*垂直居中*/
        margin-left: 10px;
        width:500px;
}
.fo2{
        /*border: 1px solid #246c3b;*/
        display: flex; /**/
        margin-left: 10px;
        height: 37px;
        transform:translateY(32px);

}
